<template>
  <div style="padding: 10px">答案</div>
  <el-descriptions
      :column="2"
      border
      size="small"
      class="mt-4"
  >
    <el-descriptions-item label="答案" :span="6">
      <el-input v-model="props.questionSolution.solutionVal"/>
    </el-descriptions-item>
    <el-descriptions-item label="解析" :span="6">
      <el-input v-model="props.questionSolution.analysisContent" type="textarea"/>
    </el-descriptions-item>
  </el-descriptions>
</template>

<script lang="ts" setup>
import {onMounted, reactive, ref} from 'vue'
import {DepressSolution} from '@/apis/model/depress/DepressSolutionModel';
import {
  getSolutionModelByQuestionId
} from '@/apis/http/depress/DepressSolutionHttp';

interface Prop {
  questionId: number,
  questionSolution: DepressSolution
}
// 传递过来的参数
const props = defineProps<Prop>();

</script>

<style scoped>
.dialog-footer button:first-child {
  margin-right: 10px;
}
</style>
